<template>
		<view class="navmin">
			<view class="left iconfont" :class="lefticon" @tap="Tapnavout"><slot name="left">{{leftreturn}}</slot></view>
			<view  class="center"><slot name="navcenter">
			{{title}}
			</slot></view>
		<view class="right"><slot name="right"></slot></view>
		</view>
</template>

<script>
	export default {
		props: {
			lefticon:{
				type:String,
				default:''
			},
			leftreturn:{
				type:String,
				default:''
			},
			title: {
				type: String,
				default: ''
			}
		},
		data() {
			return {}
		},
		methods: {
			Tapnavout(){
					uni.navigateBack()
			}
		}
	}
</script>

<style scoped lang="scss">
.navmin{
	background: linear-gradient(to right, #3388ee, #4db9f1);
	height: 100rpx;
	line-height: 100rpx;
	color: #F8F8F8;
	font-size: 34rpx;
	font-weight: 400;
	box-sizing: border-box;
	background-color: pink;
	display: flex;
	justify-content: space-between;
	.left,.right{
		width: 120rpx;
	}
	.left{
		padding-left: 40rpx;
	}
	.right{
		padding-right: 40rpx;
	}
	.center{
	}
}
</style>